<table  border="2">
<tr>
  <td>
    <table>
    <tr>
      <td>
        <div id='videoBox'>
        </div>
      </td>
    </tr>
    <tr>
      <td>
        <center>
        <span id="toolbar" class="ui-widget-header ui-corner-all">
        <button id="previous">previous</button>
        <button id="rewind">rewind</button>
        <button id="play">play</button>
        <button id="next">next</button>
        <span id="repeat">
        <button id="like">0</button>
        <button id="dislike">0</button>
        </span>
        </span>
        </center>
      </td>
    </tr>
    </table>
  </td>
  <td>
    <table  >
    <tr>
      <td>
        <p>
          <div id="currentTitle">
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <center>
          <div id="addedBy"><div id="addedByLabel"></div><div id="addedByName"></div><div id="addedByPicture"></div></div>
          </center>
        </td>
      </tr>
      <tr>
        <td>
          <center>
            <div id="addStationButton" hidden><button type="button" onclick="window.location='/newstation';">New Station</button></div>
          <div class="ui-widget">
            <label>Station: </label>
            <select id="combobox" style="height=40px;">
            </select>
          </div>
          </center>
        </td>
      </tr>
      </table>
      </table>